<template>
    <div>
    <Header></Header>
    <Nav></Nav>
    <span class="headertitle">课题中期</span>
    <el-card class="box-card">
      <el-button type="primary">上传中期材料</el-button>
      <el-table
                  ref="multipleTable"
                  :data="tableData"
                  tooltip-effect="dark"
                  style="width: 100%"
                >
                <el-table-column type="selection" width="50"></el-table-column>
             <el-table-column prop="num1" label="课题编号" width="180"></el-table-column>
             <el-table-column prop="num2" label="课题名称" width="600" ></el-table-column>
             <el-table-column prop="num3" label="负责人"></el-table-column>
             <el-table-column prop="num4" label="课题类别"></el-table-column>
             <el-table-column prop="num5" label="状态"></el-table-column>
             <el-table-column label="操作"><el-link type="primary">上传中期材料</el-link></el-table-column>
            </el-table>
    </el-card>
    </div>
</template>

<script>
import Header from '../Header.vue'
import Nav from '../Nav.vue'
export default {
    data(){
        return {
          tableData:[{
            num1:'20221217001',
            num2:'《古猿人进化史》',
            num3:'张三',
            num4:'历史',
            num5:'开题已审核',
          },{
            num1:'20221217001',
            num2:'《古猿人进化史》',
            num3:'张三',
            num4:'历史',
            num5:'开题已审核',
          }]
        }
    },
    components:{
    Header,
    Nav
  },
  methods:{}
}
</script>

<style lang="less" scoped>
    .box-card{
        width: 91%;
        float: right;
        margin-right: 1%;
        margin-top: -44%;
    }
body{
  position: relative;
}
.headertitle{
  position: absolute;
  top: 0;
  z-index: 999;
  margin-top: 20px;
  margin-left: 180px;
  font-size: 18px;
}
</style>